* {
  box-sizing: border-box
}

@function pxfn($px) {
  @return calc($px / 18.4) * 1vw;
}

.count {
  padding: pxfn(20) pxfn(30);
  border-radius: pxfn(15);
  width: 100%;
  height: 88vh;
  overflow: auto;
  background-color: #fff;
  box-sizing: border-box;
  top: 0;
  width: 100%;

  .spotEvent {
    font-size: pxfn(20);
    font-family: PingFang SC, PingFang SC-600;
    font-weight: 600;
    text-align: LEFT;
    color: #1d2129;
  }

  .subscribe {
    font-size: pxfn(14);
    font-family: PingFang SC, PingFang SC-400;
    font-weight: 400;
    color: #32bbea;

    .colorJia {
      width: pxfn(16);
      height: pxfn(15);
      margin-right: pxfn(2);
      margin-top: pxfn(3);
    }
  }
}

.count::-webkit-scrollbar {
  display: none;
}

.tabs {
  margin-top: pxfn(15);

  .chaes {
    border: pxfn(1) solid #e8eaef;
    border-radius: pxfn(6);
    font-size: pxfn(14);
    font-family: PingFang SC, PingFang SC-400;
    font-weight: 400;
    color: #1d2129;
    padding: pxfn(4) pxfn(8);
    margin-right: pxfn(8);
    cursor: pointer;
  }

  .act {
    color: #32BBEA;
    border: pxfn(1) solid #32BBEA;
  }
}

.listHot {
  .item {
    width: 100%;
    height: pxfn(100);
    cursor: pointer;
    margin: pxfn(15) 0;
    // background-color: pink;
    border-bottom: pxfn(1) solid #edf3fa;

    .imgTowImg {
      width: pxfn(120);
      height: pxfn(80);
      border-radius: pxfn(8);
      margin-right: pxfn(20);
    }
  }
}

.rigTit {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;

  .topName {
    font-size: pxfn(17);
    font-family: PingFang SC, PingFang SC-500;
    font-weight: 600;
    text-align: LEFT;
    color: #1d2129;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden; //溢出内容隐藏
    text-overflow: ellipsis; //文本溢出部分用省略号表示
    display: -webkit-box; //特别显示模式
    -webkit-line-clamp: 2; //行数
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .time {
    font-size: pxfn(13);
    font-family: PingFang SC, PingFang SC-400;
    font-weight: 400;
    text-align: LEFT;
    color: #868d9c;
  }
}

.paging {
  display: flex;
  align-items: center;
  justify-content: end;
}

.article {
  margin-right: pxfn(20);
  font-size: pxfn(14);
  font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-400;
  font-weight: 400;
  text-align: LEFT;
  color: #1a1d24;
}

::v-deep .is-active {
  color: #fff !important;
}